<template>
  <!-- debug选项 -->
  <!-- <view v-if="appConfig?.debugMode == DebugMode.DebugMode_yes">{{ appConfig?.debugMode == DebugMode.DebugMode_yes ?
    "debug模式" : "" }}</view>
  <view v-if="appConfig?.debugMode == DebugMode.DebugMode_yes">
    <navigator url="/pages/learn/learnHome" hover-class="navigator-hover">
      <button type="default">Debug页面</button>
    </navigator>
  </view> -->

  <scroll-view scroll-y class="mybody">

    <view class="h-28">
      <!-- 设置行 -->
      <view class="flex flex-row justify-end">
        <navigator class="" url="/pages/my/setting/setting">
          <image class="p-0 h-10 w-10"
            src="">
            <!-- src="http://file.vict5220.top/QMCBgsIxp3__2025_03_05__15_51_59.svg?attname=%E8%AE%BE%E7%BD%AE.svg"> -->
          </image>
        </navigator>
      </view>

      <!-- 我的头像 名称 手机号 -->
      <view class="flex flex-row justify-start items-start">
        <view>
          <image class="pl-2 h-16 w-16"
            src="">
          </image>
        </view>
        <view class="pl-1">
          <view class="text-2xl">{{ customerInfo?.customerName }}</view>
          <view>{{ customerInfo?.customerPhone }}</view>
        </view>
      </view>
      

    </view>

    <view class="flex flex-row justify-center items-center mt-10 text-slate-400">
      这里什么都没有, 还需要搭建
    </view>

  </scroll-view>


  <view class="fixed bottom-0 w-full">
    <tabBar></tabBar>
  </view>
</template>

<script setup lang="ts">
import { ref, onMounted } from 'vue'
import tabBar from "@/components/tabBar.vue"
import { request } from '@/utils/Request';
import { useCommonStore } from '@/config/CommonStore';
import { storeToRefs } from 'pinia';
import { DebugMode } from '@/types/AppConfigType';
import { useCustomerStore } from './customerStore';

// let commonStore = useCommonStore()
// let { appConfigVO } = storeToRefs(commonStore)

let customerStore = useCustomerStore();
let { customerInfo } = storeToRefs(customerStore)

onMounted(async () => {
  // await commonStore.initCommonStore()
  customerInfo.value = await customerStore.getCustomerInfo()
})

</script>

<style>
.mybody {
  height: calc(100vh - 3.5rem)
}
</style>
